const layer = layui.layer
$(function () {

  $('.phoneNum').on('blur', function () {
    const reg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/
    if (!$('.login-form .phoneNum').val().trim()) return layer.msg('手机号不能为空')
    if ($('.login-form .phoneNum').val().match(reg) == null) return layer.msg('手机号码格式不对')
  })

  $('.pwd').on('blur', function () {
    if (!$('.login-form .pwd').val().trim()) return layer.msg('密码不能为空')
    if ($('.login-form .pwd').val().length < 6) return layer.msg('密码的长度不能小于 6 位')
  })

  $('.btn-primary').on('click', async function () {
    let data = { mobile: $('.login-form .phoneNum').val(), password: $('.login-form .pwd').val() }

    try {
      const { data: res } = await axios.post('/index/login', data)
      console.log(res)
      if (res.errno !== 0) {
        layer.msg(res.errmsg)
      } else {
        // 处理token（本地存储起来，类似身份证）否则会有的接口无法请求成功
        localStorage.setItem('token', res.data.token)
        localStorage.setItem('username', $('.login-form .phoneNum').val())
        layer.msg('登录成功，即将跳转到首页')
        setTimeout(() => {
          location.href = './index.html' 
        }, 1000)
      }

    } catch (e) {
      layer.msg('手机号或密码错误')
    }
  })
})

